<template>
    <div>
        <div class="dynamic-box clearfix background-fff">
            <div class="dynamic-name clearfix">
                <img class="fl dynamic-name-tx" src="../../assets/image/center/tx.png" alt="">
                <div class="name-box fl">
                    <span class="name-box-top">
                        <em class="fl font-28 color-3 font-bold">小花猫的脸</em>
                        <img class="fl name-sex" src="../../assets/image/index/img_female.png" alt="" srcset="">
                        <em class="fl color-6 font-24">22</em>
                        <em class="fr color-9 font-22">30分钟前</em>
                    </span>
                    <span class="name-xia">
                        <img src="../../assets/image/center/icon_wzry2.png" alt="">
                        <img src="../../assets/image/center/icon_mszb1.png" alt="">
                        <img src="../../assets/image/center/icon_dwrg1.png" alt="">
                    </span>
                </div>
            </div>
            <p class="dynamic-title font-3">你们想不想吃火锅啊，很嗨的火锅？</p>
            <div class="img-box clearfix">
                <img class="fl" src="../../assets/image/center/timg.jpg" alt="" srcset="">
                <img class="fl margin-left-2" src="../../assets/image/center/timg.jpg" alt="" srcset="">
                <img class="fl margin-left-2" src="../../assets/image/center/timg.jpg" alt="" srcset="">
            </div>
            <div class="like-comm clearfix color-9 font-24">
                <router-link tag="span" :to="{name:'comments',params:{commentsId:'1111'}}" class="fr">
                    <img class="fl" src="../../assets/image/center/icon_comment.png" alt="">
                    30
                </router-link>
                <span class="fr">
                    <img class="fl" src="../../assets/image/center/icon_praise_u.png" alt="">
                    60
                </span>
            </div>
        </div>
        <div class="dynamic-box clearfix background-fff">
            <div class="dynamic-name clearfix">
                <img class="fl dynamic-name-tx" src="../../assets/image/center/tx.png" alt="">
                <div class="name-box fl">
                    <span class="name-box-top">
                        <em class="fl font-28 color-3 font-bold">小花猫的脸</em>
                        <img class="fl name-sex" src="../../assets/image/index/img_female.png" alt="" srcset="">
                        <em class="fl color-6 font-24">22</em>
                        <em class="fr color-9 font-22">30分钟前</em>
                    </span>
                    <span class="name-xia">
                        <img src="../../assets/image/center/icon_wzry2.png" alt="">
                        <img src="../../assets/image/center/icon_mszb1.png" alt="">
                        <img src="../../assets/image/center/icon_dwrg1.png" alt="">
                    </span>
                </div>
            </div>
            <p class="dynamic-title font-3">你们想不想吃火锅啊，很嗨的火锅？</p>
            <div class="img-box clearfix">
                <img class="fl" src="../../assets/image/center/timg.jpg" alt="" srcset="">
                <img class="fl margin-left-2" src="../../assets/image/center/timg.jpg" alt="" srcset="">
                <img class="fl margin-left-2" src="../../assets/image/center/timg.jpg" alt="" srcset="">
            </div>
            <div class="like-comm clearfix color-9 font-24">
                <router-link tag="span" :to="{name:'comments',params:{commentsId:'1111'}}" class="fr">
                    <img class="fl" src="../../assets/image/center/icon_comment.png" alt="">
                    30
                </router-link>
                <span class="fr">
                    <img class="fl" src="../../assets/image/center/icon_praise_u.png" alt="">
                    60
                </span>
            </div>
        </div>
        <van-tabbar>
            <span class="fabu-dynamic text-align-c">发布动态</span>
        </van-tabbar>
    </div>
</template>
<script>
import { Tabbar } from 'vant';
export default {
    data(){
        return{
           
        }
    }
}
</script>

<style scoped>
.dynamic-box{
    border-bottom: #eeeeee solid .04rem;
}
.dynamic-name{
    padding-top: .6rem;
    height: 2rem;
}
.dynamic-name-tx{
    width: 1.6rem;
}
.name-box{
    padding-left: .6rem;
    height: 2rem;
    width:  calc(100% - 2.2rem);
}
.name-box-top,.name-box-xia{
    height: 1rem;
    display: block;
    line-height: 1rem;
}
.name-sex{
    width: .56rem;
    padding: 0 .2rem;
    margin-top: .2rem;
}
.name-xia{
    height: 1rem;
    display: block;
}
.name-xia img{
    width: .7rem;
}
.dynamic-title{
    min-height: 1rem;
    line-height: 1rem;
    display: block;
    padding: .4rem 0;
}
.img-box img{
    width: 32%;
}
.like-comm{
    height: .6rem;
    padding: .6rem 0;
    line-height: .6rem;
}
.like-comm span{
    width: 2.2rem;
}
.like-comm img{
    width: .7rem;
    height: .6rem;
    padding-right: .2rem;
}
</style>
